<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:insert="~{ /common/common_header:: meta('远程视图配置')}"></div>
    <!--基本-->
    <div th:insert="~{ /common/common_header:: base}"></div>
    <!--表格-->
    <div th:insert="~{ /common/common_header:: table}"></div>
    <!--行内编辑-->
    <div th:insert="~{ /common/common_header:: editable}"></div>
    <!--下拉框编辑-->
    <div th:insert="~{ /common/common_header:: select}"></div>
</head>
<body>
<!--模态框loading-->
<div th:insert="~{ /common/common_loading:: loading}"></div>
<!--模态框loading-->
<!--顶部导航条(用户信息)-->
<div th:insert="~{ /common/common_bar:: navbar}"></div>
<!--顶部导航条(用户信息)-->
<!--主体-->
<div class="container-fluid ">
    <div class="row">
        <!--左侧导航栏-->
        <div th:insert="~{ /common/common_menu:: menus}"></div>
        <!--左侧导航栏-->

        <!--右侧主题部分 configEdit start-->
        <div class="col-xs-12 col-sm-9 col-lg-10" id="configEdit" style="display: inline-block">
            <!--通用的tab-->
            <ul class="nav nav-tabs" role="tablist">
                <li class="active" onclick="showList()" id="ListNav"><a href="#">选择更新模块</a></li>
                <li onclick="showAdd()" id="AddNav"><a href="#">选择重启服务</a></li>
            </ul>
            <!--通用的tab-->

            <!--工具栏-->
            <div id="toolbar" class="btn-group">
                <button id="btn_publish" type="button" class="btn btn-default hidden">
                    <span class="glyphicon glyphicon-send" aria-hidden="true"></span>发布更新
                </button>
            </div>
            <!--工具栏-->

            <!--modal-->
            <!-- 模态框（Modal） -->
            <div aria-hidden="true" aria-labelledby="myModalLabel" class="modal fade" id="myModal" role="dialog"
                 tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button aria-hidden="true" class="close" data-dismiss="modal" type="button">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">选择要发布的服务器</h4>
                        </div>
                        <div class="modal-body">

                            <form class="form-horizontal" id="scan_form" method="post">
                                <div class="form-group required">
                                    <label class="col-sm-2 control-label required" for="">服务器</label>
                                    <div class="col-sm-9">
                                        <select class="js-example-basic-single form-control val" name="scan_server">
                                        </select>
                                    </div>
                                </div>
                            </form>

                        </div>
                        <div class="modal-footer">
                            <button class="btn btn-default" data-dismiss="modal" type="button">关闭</button>
                            <button class="btn btn-primary" onclick="modalConfirm()" type="button">确认</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <!--modal-->

            <!--列表-->
            <!--展示列表-->
            <div id="table">
                <table id="list" class="table table-striped"></table>
            </div>
            <!--列表-->

            <!--用做信息的添加或者删除-->
            <div id="add" style="display: none">
                <div id="restart_toolbar" class="btn-group">
                    <button id="btn_restart" type="button" class="btn btn-default">
                        <span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>选择重启
                    </button>
                </div>
                <table id="restartList" class="table table-striped"></table>
            </div>

            <!--用做信息的添加或者删除-->
        </div>
        <!--右侧主题部分 configEdit end-->

    </div>
</div>
</div>
<!--都要依赖的基础js-->
<div th:insert="~{ /common/common_foot:: base}"></div>
<!--表格相关-->
<div th:insert="~{ /common/common_foot:: table}"></div>
<!--提示框 alert confirm-->
<div th:insert="~{ /common/common_foot:: bootbox}"></div>
<!--导出表格-->
<div th:insert="~{ /common/common_foot:: export}"></div>
<!--行内编辑,放在表格初始化之后-->
<div th:insert="~{ /common/common_foot:: editable}"></div>
<!--下拉框编辑-->
<!--<div th:insert="~{ /common/common_foot:: select}"></div>-->

<script th:src="@{/assets/js/remote/publish/publish.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/remote/publish/restart.js}" type="text/javascript"></script>
<script th:src="@{/assets/js/remote/publish/ajax.js}" type="text/javascript"></script>
</body>
</html>
